Карта сайта Интеллектуальная поисковая системаДобавить свою ссылку по ключевому запросуПоисковая система v3.kz поможет ускорить индексацию вашего сайта выводит в Топ |
|
Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area. This makes sure that the background image is covering everything. There will be no visible background-color, however... The first background is fine and fits to the screen width & height but the second one is not scaling to fit the screen height. Kindly help me with this. Its CSS code is given below. html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover background-size:contain; height: 0; width: 100%; padding-top: 66,64%; I dont know your div-values, but lets assume youve got those. background-size. Актуальная версия справочника CSS теперь находится на сайте WebReference.ru. Internet Explorer. CSS3. JavaScript syntax: object.style.backgroundSize="60px 120px" Try it. Используйте свои навыки в сфере css background image fit height width и начните зарабатывать в режиме онлайн уже сегодня! Freelancer - крупнейший в мире рынок трудоустройства. 17 764 вакансии ждут именно Вас! (suggest changes). Fortunately, CSS3 introduces the background-size property which allows backgrounds to be stretched or squashed. We can do this purely through CSS thanks to the background-size property now in CSS3. Well use the html element (better than body as its always at least the height of the browser window). body { background: url(images/background.svg); } The desired effect is that this background image will have width equal to that of the page, height changing to maintain the proportion. e.g. if the original image happens to be 100*200 (any... Информация взята v3.kz |
загрузка...
|